<template>
	<div class="health">
		<HomeSwiper v-if="pageData[0]" :list="pageData[0].data"></HomeSwiper>
		<IconList v-if="pageData[1]" :imgListData="pageData[1].data"></IconList>
		<ImgList v-if="pageData[2]" :imgList="pageData[2]" :type="1"></ImgList>
		<HotBrand v-if="pageData[3]" :hotBrand="pageData[3]"></HotBrand>
		<GoodsListX v-if="pageData[4]" :goodsXData="pageData[4].data[0]"></GoodsListX>
		<GoodsListX v-if="pageData[5]" :goodsXData="pageData[5].data[0]"></GoodsListX>
		<GoodsListX v-if="pageData[6]" :goodsXData="pageData[6].data[0]"></GoodsListX>
		<GoodsListX v-if="pageData[7]" :goodsXData="pageData[7].data[0]"></GoodsListX>
		<GoodsListX v-if="pageData[8]" :goodsXData="pageData[8].data[0]"></GoodsListX>
		<GoodsListX v-if="pageData[9]" :goodsXData="pageData[9].data[0]"></GoodsListX>

	</div>
</template>
<script>
import HomeSwiper from '../../components/swiper.vue'
import IconList from '../../components/iconList.vue'
import ImgList from '../../components/imgList.vue'
import HotBrand from '../../components/hotBrand.vue'
import GoodsListX from '../../components/goodsListX.vue'

export default{
	name:'health',
	data(){
		return{
			
		}
	},
	props:{
		pageData:Array
	},
	components:{
		HomeSwiper,IconList,ImgList,HotBrand,GoodsListX
	},
	created(){
		
	},
	mounted(){
		
	},
	watch:{
		
	}
}
</script>
<style scoped>

</style>